{% extends 'base/base.html' %}
{% load static %}
{% block title %}视频详情{% endblock %}
{% block link %}
    <link rel="stylesheet" href="{% static 'css/course/course-detail.css' %}">
{% endblock %}
{% block header %}
<header id="header">
  <div class="mw1200 header-contain clearfix">
    <!-- logo start -->
    <h1 class="logo">
      <a href="javascript:void(0);" class="logo-title">Python</a>
    </h1>
    <!-- logo end -->
    <!-- nav start -->
    <nav class="nav">
      <ul class="menu">
        <li><a href="{% url "course:index" %}">课件包</a></li>
      </ul>
    </nav>
    <!-- nav end -->
    <!-- login start -->
      <div class="login-box">
          {% if user.is_authenticated %}
              <div class="author">
                    <i class="PyWhich py-user"></i>
                    <span>{{ user.username }}</span>
                    <ul class="author-menu">
                        <li><a href="{% url 'myadmin:index' %}">后台管理</a></li>
                        <li><a href="{% url 'user:logout' %}">退出登录</a></li>
                    </ul>
                </div>
            {% else %}
                <div>
                    <i class="PyWhich py-user"></i>
                    <span>
                    <a href="{% url 'user:login' %}" class="login">登录</a> / <a href="{% url 'user:register' %}"
                                                                             class="reg">注册</a>
              </span>
                </div>
            {% endif %}
      </div>
    <!-- login end -->
  </div>
</header>

{% endblock header %}

{% block main_start %}
    <main id="main">
        <a style="width: 60px; float:right; color: white;background: blue" href="{% url 'course:index' %}">返回</a>


        <div class="w1200">
            <div class="course-contain">

{#                <div class="course-top-contain">#}
{#                    <h4 class="course-title">{{ course.title }}</h4>#}
{#                    <div class="course-other clearfix">#}
{#                        <div class="share">#}
{#                            <i></i>#}
{#                            <span>分享</span>#}
{#                            <div class="share-list">#}
{#                                <div class="bshare-custom icon-medium">#}
{#                                    <div class="bsPromo bsPromo2"></div>#}
{#                                    <a title="分享到QQ空间" class="bshare-qzone"></a><a title="分享到新浪微博"#}
{#                                                                                   class="bshare-sinaminiblog"></a><a#}
{#                                        title="分享到QQ好友" class="bshare-qqim" href="javascript:void(0);"></a><a#}
{#                                        title="分享到微信" class="bshare-weixin" href="javascript:void(0);"></a><a#}
{#                                        title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a><span#}
{#                                        class="BSHARE_COUNT bshare-share-count" style="float: none;">62.9K</span></div>#}
{#                                <script type="text/javascript" charset="utf-8"#}
{#                                        src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script>#}
{#                                <script type="text/javascript" charset="utf-8"#}
{#                                        src="http://static.bshare.cn/b/bshareC0.js"></script>#}
{#                            </div>#}
{#                        </div>#}
{#                        <div class="buy-list">#}
{#                            <span class="price">免费</span>#}
{#                        </div>#}
{#                    </div>#}
{#                </div>#}
{#                <a href="{% url 'course:index' %}"></a>#}
                <div class="course-video" id="course-video">

                    <span class="course-data" style="display: none" data-video-url="{{ course.video_url }}"
                          data-cover-url="{{ course.cover_url }}"></span>
                </div>
                <div class="course-bottom-contain">
                    <div class="course-detail-list" style="float: right">
                        <div class="course-item clearfix">
                            <h5 class="course-title">{{ course.teacher.name }}</h5>
                            <div class="teacher-box clearfix">
                                <img src="{{ course.teacher.photo }}" alt="{{ course.teacher.name }}"
                                     title="{{ course.teacher.name }}" class="teacher-avatar">
                                <div class="teacher-info">
                                    <p class="teacher-name">{{ course.teacher.name }}</p>
                                    <p class="teacher-identify"> {{ course.teacher.title }}</p>
                                </div>
                            </div>
                            <div class="item-content">
                                {{ course.teacher.profile }}
                            </div>
                        </div>
                        <div class="course-item clearfix">
                            <h5 class="course-title">课程简介</h5>
                            <div class="item-content">
                                {{ course.profile|default:'' }}
                            </div>
                        </div>
                        <div class="course-item clearfix">
                            <h5 class="course-title">课程大纲</h5>
                            <div class="item-content">
                                <p>{{ course.outline|default:'' }}</p>
                            </div>
                        </div>

                        </div>
                    </div>
{
                </div>
            </div>
        </div>
    </main>
{% endblock %}
{% block script %}
    <script type="text/javascript" src="https://cdn.bdstatic.com/jwplayer/latest/cyberplayer.js"></script>
{#    <script src="{% static 'js/course/cyberplayer.js' %}"></script>#}
    <script src="{% static 'js/course/course_detail.js' %}"></script>
{% endblock %}